<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
       	<meta http-equiv="content-type" content="text/html; charset=utf-8">
       	<title>{PAGE_TITLE}</title>	
       	<style type="text/css">
			/*margin and padding on body element
			  can introduce errors in determining
			  element position and are not recommended;
			  we turn them off as a foundation for YUI
			  CSS treatments. */
			body {
				margin:0;
				padding:0;
			}
		</style>
		
       	
    <!-- YUI library -->   		
		<script type="text/javascript" src="lib/YUI/yui/build/yuiloader/yuiloader.js" ></script> 			
		<script type="text/javascript" src="lib/YUI/yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
		<script type="text/javascript" src="lib/YUI/yui/build/utilities/utilities.js"></script>			
		<script type="text/javascript" src="lib/YUI/yui/build/dragdrop/dragdrop.js"></script>									
		<script type="text/javascript" src="lib/YUI/yui/build/animation/animation.js"></script>
		<script type="text/javascript" src="lib/YUI/yui/build/container/container.js"></script>
		<script type="text/javascript" src="lib/YUI/yui/build/container/resize-panel.js"></script>	
		<script type="text/javascript" src="lib/YUI/yui/build/button/button-beta.js"></script>		
		<script type="text/javascript" src="lib/YUI/yui/build/calendar/calendar-min.js"></script>
		<script type="text/javascript" src="lib/YUI/yui/build/tabview/tabview.js"></script>
		<script type="text/javascript" src="lib/YUI/yui/build/element/element-min.js"></script>
	<!-- YUI library -->
	
	<!-- YUI style sheets -->
			<link rel="stylesheet" type="text/css" href="lib/YUI/yui/build/assets/skins/sam/calendar.css">  		
		   	<link rel="stylesheet" type="text/css" href="lib/YUI/yui/build/assets/skins/sam/container.css" />				
		   	<link rel="stylesheet" type="text/css" href="lib/YUI/yui/build/assets/skins/sam/tabview.css" />
	<!-- YUI style sheets -->
	
	<!-- fonts -->
			<link rel="stylesheet" type="text/css" href="lib/YUI/yui/build/fonts/fonts-min.css" />
	<!-- fonts -->
	
	<!-- DMS style sheet -->				
			<link rel="stylesheet" type="text/css" href="css/dms.css" />
	<!-- DMS style sheet -->
	
	<!-- Xajax initialization code -->
		{XAJAX_INIT}
	<!-- Xajax initialization code -->	
	
	<script type="text/javascript" src="src/dms_functions.js"></script>		
	<script type="text/javascript" src="src/dms_init.js"></script>
	
</head>
<body class="yui-skin-sam">       				
	<div id="left_pane_wrapper">
		<div id="logo">
			LOGO HERE
		</div>
		<div id="left_pane_notification">
			<div id="left_pane_notification_tab" class="yui-navset">
				<ul class="yui-nav">        
					<li class="selected"><a href="#taba"><em>Telemarketer</em></a></li>				
				</ul>            
				<div class="yui-content">
					<div id="tab1">
						<div id="left_notification_panel">
							Your last login is was on: {LASTLOGIN_DATE}<br />
							<a href="">Logout</a><br />							
							<a href="">Commission</a><br />
						</div>
					</div>              
				</div>
			</div>
		</div>
		<div id="left_pane_calendar">
			<div id="left_pane_calendar_tab" class="yui-navset">
				<ul class="yui-nav">        
					<li class="selected"><a href="#tab1"><em>Calendar</em></a></li>        
				</ul>            
				<div class="yui-content">
					<div id="tab1">
						<div id="cal1Container"></div>
						<script type="text/javascript">
							YAHOO.namespace("example.calendar");

							YAHOO.example.calendar.init = function() {
								YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1","cal1Container");
								YAHOO.example.calendar.cal1.render();
							}

							YAHOO.util.Event.onDOMReady(YAHOO.example.calendar.init);
						</script>
					</div>               
				</div>
			</div>
		</div>		
	</div>
	<div id="right_pane_wrapper">
		<div id="dashboard" class="yui-navset">
			<ul class="yui-nav">
				<li class="selected"><a href="#tab1"><em>Dashboard</em></a></li>
				<li><a href="#tab2"><em>Clients</em></a></li>
				<li><a href="#tab3"><em>Reports</em></a></li>
				<li><a href="#tab4"><em>Events</em></a></li>
				<li><a href="#tab5"><em>Profiles</em></a></li>
				<li><a href="#tab6"><em>Settings</em></a></li>
			</ul>            
			<div class="yui-content">
				<div id="tab1">
					<div class="dashboard_wrapper">						
						<div id="dashboard_clients_panel">
							<div id="dashboard_clients_panel_tab" class="yui-navset">
								<ul class="yui-nav">									
									<li class="selected" style="width: 400px;"><a href="#tab1"><em>Clients To Call</em></a><li>
								</ul>            
								<div class="yui-content">
									<div id="tab1">
										<div id="dashboard_clients_content_wrapper">
											<iframe id="dashboard_client_content" name="dashboard_client_content" src="dashboard_client_content.php" width=380 height=475 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=auto></iframe>											
										</div>										
									</div>
								</div>
							</div>
						</div>
																		
						<div id="dashboard_notifications_panel">
							<div id="dashboard_notifications_panel_tab" class="yui-navset">
								<ul class="yui-nav">									
									<li class="selected" style="width: 360px;"><a href="#tab1"><em>Notifications</em></a></li>
								</ul>            
								<div class="yui-content">
									<div id="tab1">
										<div id="dashboard_notifications_content_wrapper">
											<div id="dashboard_notifications_content_wrapper">
												<div class="dashboard_notifications_headeritem_wrapper" style="background-color: #0066CC">
													<span class="color_white"><span class="font_header" style="margin-left:5px;">Birthdays</span></span>
												</div>
												<div class="dashboard_notifications_item_wrapper">
													Birthday celebrants for today: <span class="clickable" onclick="open_notification_window(1, 'Birthday Celebrants')" style="text-decoration:underline;"><span class="color_red">9</span></span>
												</div>
												<div class="dashboard_notifications_headeritem_wrapper" style="background-color: #0066CC">
													<span class="color_white"><span class="font_header" style="margin-left:5px;">Made Calls</span></span>
												</div>
												<div class="dashboard_notifications_item_wrapper">
													Number of made calls: <span class="clickable" onclick="open_notification_window(2, 'Made Calls')" style="text-decoration:underline;"><span class="color_red">10</span></span>
												</div>
												<div class="dashboard_notifications_headeritem_wrapper" style="background-color: #0066CC">
													<span class="color_white"><span class="font_header" style="margin-left:5px;">Unmade Calls</span></span>
												</div>
												<div class="dashboard_notifications_item_wrapper">
													Number of unmade calls: <span class="clickable" onclick="open_notification_window(3, 'Unmade Calls')" style="text-decoration:underline;"><span class="color_red">11</span></span>
												</div>
												<div class="dashboard_notifications_headeritem_wrapper" style="background-color: #0066CC">
													<span class="color_white"><span class="font_header" style="margin-left:5px;">Donation Pickups</span></span>
												</div>
												<div class="dashboard_notifications_item_wrapper">
													Number of donation pickups: <span class="clickable" onclick="open_notification_window(4, 'Donation Pickups')" style="text-decoration:underline;"><span class="color_red">12</span></span>
												</div>
												<div class="dashboard_notifications_headeritem_wrapper" style="background-color: #0066CC">
													<span class="color_white"><span class="font_header" style="margin-left:5px;">Donated Clients</span></span>
												</div>
												<div class="dashboard_notifications_item_wrapper">
													Number of clients: <span class="clickable" onclick="open_notification_window(5, 'Donated Clients')" style="text-decoration:underline;"><span class="color_red">14</span></span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<div class="dashboard_toolbar_panel">
							<div id="dashboard_toolbar_panel_tab" class="yui-navset">
								<ul class="yui-nav">									
									<li class="selected" style="width: 252px;"><a href="#tab1"><em>Toolbar</em></a></li>
								</ul>            
								<div class="yui-content">
									<div id="tab1">
										<div class="dashboard_toolbar_content_wrapper">
											<div class="dashboard_toolbar_headeritem_wrapper" style="background-color: #0066CC">
												<span class="color_white"><span class="font_header" style="margin-left:5px;">Donor Search</span></span>
											</div>	
											<div class="dashboard_toolbar_item_wrapper">
												<div id="donorSearchBar">													
													<input id="donorSearchInput" type="text" style="width:224px;">
													<div id="donorSearchContainer"></div>
												</div>
											</div>																							
																
											<div class="dashboard_toolbar_headeritem_wrapper" style="background-color: #0066CC">
												<span class="color_white"><span class="font_header" style="margin-left:5px;">Scratch Pad</span></span>
											</div>							
											<div class="dashboard_toolbar_item_wrapper" style="height:389px;">
												<textarea id="scratch_pad" style="width:224px; height:380px; overflow-x:hidden;"></textarea>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>						
					</div>					
				</div>
				<div id="tab2">
					<div class="dashboard_wrapper">
						<div id="client_main_panel">
							<div id="client_main_panel_tab" class="yui-navset">
								<ul class="yui-nav">									
									<li class="selected" style="width: 765px;"><a href="#tab1"><em>Toolbar</em></a></li>
								</ul>            
								<div class="yui-content">
									<div id="tab1">		
									</div>
								</div>
							</div>
						</div>
						<div class="dashboard_toolbar_panel">
							<div id="client_toolbar_panel_tab" class="yui-navset">
								<ul class="yui-nav">									
									<li class="selected" style="width: 252px;"><a href="#tab1"><em>Toolbar</em></a></li>
								</ul>            
								<div class="yui-content">
									<div id="tab1">		
										<div class="dashboard_toolbar_content_wrapper">
											<div class="dashboard_toolbar_headeritem_wrapper" style="background-color: #0066CC">
												<span class="color_white"><span class="font_header" style="margin-left:5px;">Donor Search</span></span>
											</div>	
											<div class="dashboard_toolbar_item_wrapper">
												<div id="donorSearchBar">													
													<input id="donorSearchInput" type="text" style="width:224px;">
													<div id="donorSearchContainer"></div>
												</div>
											</div>	
									
											<div class="dashboard_toolbar_headeritem_wrapper" style="background-color: #0066CC">
												<span class="color_white"><span class="font_header" style="margin-left:5px;">Add Donor</span></span>
											</div>		
											<div class="dashboard_toolbar_item_wrapper" style="height:50px;">
												
											</div>	
														
											<div class="dashboard_toolbar_headeritem_wrapper" style="background-color: #0066CC">
												<span class="color_white"><span class="font_header" style="margin-left:5px;">Scratch Pad</span></span>
											</div>							
											<div class="dashboard_toolbar_item_wrapper" style="height:305px;">
												<textarea id="scratch_pad" style="width:224px; height:296px; overflow-x:hidden;"></textarea>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="tab3">
					<div class="dashboard_wrapper">
						
					</div>
				</div>
				<div id="tab4">
					<div class="dashboard_wrapper">
						
					</div>
				</div>
				<div id="tab5">
					<div class="dashboard_wrapper">
						
					</div>
				</div>
				<div id="tab6">
					<div class="dashboard_wrapper">
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="dms_footer" style="clear:both; width: 100%; text-align:center;">
		<br>
		De La Salle Donations Management System | De La Salle Philippines 2009
	</div>
	
</body>
</html>
